
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix='fn' uri="http://java.sun.com/jsp/jstl/functions"%>


<%@ include file="../cabecalho.jsp"%>

<link href="<c:url value='/'/>/css/jquery-ui.css" rel="stylesheet"
	type="text/css" />
<link href="<c:url value='/'/>/css/jquery.autocomplete.css"
	rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<c:url value='/'/>/js/gdl.js"></script>
<script language="javascript" type="text/javascript"
	src="<c:url value='/'/>/js/interface.js"></script>
<script language="javascript" type="text/javascript"
	src="<c:url value='/'/>/js/jquery-ui.js"></script>
<script language="javascript" type="text/javascript"
	src="<c:url value='/'/>/js/dateFormat.js"></script>
<script language="javascript" type="text/javascript"
	src="<c:url value='/'/>/js/jquery.tablesorter.js"></script>
<script type="text/javascript"
	src="<c:url value='/'/>/js/jquery.autocomplete.min.js"></script>
<script type="text/javascript"
	src="<c:url value='/'/>/js/jquery.bgiframe.min.js"></script>

<script type="text/javascript">
	jQuery(function($) {
		$("input.data").mask("99/99/9999", {
			placeholder : ""
		});
	});
	jQuery(function($) {
		$("#ano").mask("9999", {
			placeholder : ""
		});
	});

	$(function() {
		$(".column").sortable({
			connectWith : '.column',
			handle : $(".portlet-header")
		});

		$(".portlet").addClass(
				"ui-widget ui-widget-content ui-helper-clearfix ui-corner-all")
				.find(".portlet-header").addClass(
						"ui-widget-header ui-corner-all").prepend(
						'<span class="ui-icon ui-icon-minusthick"></span>')
				.end().find(".portlet-content");

		$(".portlet-header .ui-icon").click(
				function() {
					$(this).toggleClass("ui-icon-minusthick").toggleClass(
							"ui-icon-plusthick");
					$(this).parents(".portlet:first").find(".tabelaDiv")
							.toggle();
				});

		/*$(".column").disableSelection();*/
		$.datepicker.setDefaults($.datepicker.regional['pt-BR']);
		$("#calendario").datepicker({
			maxDate : '+1m',
			onSelect : exibeAtividades
		});
	});

	function exibeAtividades(data) {

	}

	$.ajaxSetup({
		cache : false
	});

	$(function() {
		$('.sugerir')
				.click(
						function() {
							var hash = this.previousElementSibling.innerHTML;
							var aluno = this.previousElementSibling.previousElementSibling.previousElementSibling.innerHTML;
							$('#hash_recomendacao').attr('value', hash);
							$('#sugestao legend').html(
									'<fmt:message key="sugerir_aluno"/> '
											+ aluno);
							$('#sugestao').show();
							$('#fundo').show();
						});
	});

	$(function() {
		$('#submit_sugestao').click(function(e) {
			e.preventDefault();
			$.ajax({
				data : $('#form_sugestao').serialize(),
				url : 'sugereOrientando',
				type : 'GET',
				beforeSend : function() {
					$('.carregando').show();
				},
				success : function(data) {
					$('.carregando').hide();
					$('#sugestao').hide();
					$('#fundo').hide();
					$(':checkbox').attr('checked', false);
				},
				error : function() {
					alert('Erro');
				}

			});
		});
	});

	$(function() {
		$('#fechar').click(function(e) {
			e.preventDefault();
			$('#sugestao').hide();
			$('#fundo').hide();
		});
	});
</script>

<script type="text/javascript">
	$(document).ready(function() {
		var orientadores = new Array();
		<c:forEach  var="orientador" items="${listaDeOrientadores}">
		orientadores.push("${orientador.dadosPessoais.nomeCompleto}");
		</c:forEach>
		$(".orientadorAutocomplete").autocomplete(orientadores);
	});
</script>

<div>
	<form action=<c:url value='/candidato/atribuiOrientador'/>
		method="post">
		<select name="processoSeletivoId">
			<option value="">
				<fmt:message key="lista_candidatos_select_processo_seletivos" />
			</option>
			<c:forEach var="processo" items="${processosSeletivos}"
				varStatus="rowCounter">
				<option value=${processo.processoSeletivoId}>
					<fmt:message key="${processo.tipoProcessoSeletivo.msgKey }"/> -
					<fmt:formatDate value='${processo.dataDeAbertura}' type='date' />
					->
					<fmt:formatDate value='${processo.dataLimiteDeInscricao}'
						type='date' />
				</option>
			</c:forEach>
		</select> <input type=submit
			value="<fmt:message key="lista_candidatos_procurar"/>">
	</form>
</div>


<div class="column" style="width: 100%">
	<div class=tabela>
		<fmt:message key="lista_candidatos_inscricoes_aprovadas">
			<fmt:param value="${fn:length(listaDeAprovados)}" />
		</fmt:message>
	</div>
	<div>
		<form method="post" action="salvaAtribuicoesOrientador">
			<input type="hidden" name="processoSeletivoId"
				value="${processoSeletivoId }">
			<table class="tabela">
				<thead>
					<tr>
						<th><b><fmt:message
									key="visualizacao_candidato_tabela_titulo_nome" />
						</b>
						</th>
						<th><b><fmt:message
									key="visualizacao_candidato_tabela_titulo_email" />
						</b>
						</th>
						<th><b><fmt:message
									key="visualizacao_candidato_tabela_titulo_sugerir" />
						</b>
						</th>
						<th><b><fmt:message
									key="visualizacao_candidato_tabela_titulo_orientador" />
						</b>
						</th>
						<th></th>
					</tr>
				</thead>
				<tbody>
					<c:forEach var="inscricao" items="${listaDeAprovados}" varStatus="rowCounter">
						<!-- Uma linha de cada cor -->
						<c:choose>
							<c:when test="${rowCounter.count % 2 == 0}">
								<c:set var="rowStyle" scope="page" value="odd" />
							</c:when>
							<c:otherwise>
								<c:set var="rowStyle" scope="page" value="even" />
							</c:otherwise>
						</c:choose>
						<tr class="${rowStyle}">
							<td>${inscricao.candidato.dadosPessoais.nomeCompleto}</td>
							<td>${inscricao.candidato.email}</td>
							<td style="display: none;">${inscricao.candidato.hash
								}</td>
							<td class="sugerir"><a href="#"><fmt:message
									key="visualizacao_candidato_tabela_sugerir" />
									</a>
							</td>
							<td><input class="orientadorAutocomplete"
								name="orientadores[${ rowCounter.count}]"
								value="${inscricao.orientadorAtribuido}" type="text" />
							</td>
							<td><input type="hidden"
								name="inscricao[${ rowCounter.count}].inscricaoID"
								value="${inscricao.inscricaoID }" />
							</td>
						</tr>
					</c:forEach>
				</tbody>
			</table>
			<c:if test="${listaDeAprovados != NULL }">
				<input type="submit" value="<fmt:message key="enviar"/>">
			</c:if>
		</form>
	</div>
</div>

<div class="clear"></div>

<div class="carregando modal">
	<fmt:message key="visualizacao_candidato_msg_aguarde" />
</div>

<div id="sugestao" class="modal">
	<form action="sugereOrientando" method="post" id="form_sugestao">
		<fieldset>
			<legend>Sugerir aluno </legend>
			<input type="hidden" name="hash" id="hash_recomendacao" value="">
			<div id="colunas_orientadores">
				<c:forEach var="orientador" items="${listaDeOrientadores}">
					<input type="checkbox" name="orientadores"
						id="${orientador.hash }" value="${orientador.hash}">
					<label for="${orientador.hash }">${orientador.dadosPessoais.nomeCompleto }</label>
					<br>
				</c:forEach>
			</div>
			<input type="submit" id="submit_sugestao"
				value='<fmt:message key="enviar"/>'>
			<button id="fechar">
				<fmt:message key="fechar" />
			</button>
		</fieldset>
	</form>
</div>

<%@ include file="../rodape.jsp"%>

<div id="fundo"></div>